<script type="text/javascript" src="<?= $this->baseUrl('/public/templates/admin/js/'); ?>ckfinder/ckfinder.js"></script>
<style type="text/css">
  iframe, #ckfinder {
     margin: 0;
     padding: 0;
     border: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
  }
</style>
<div class="heading">
    <div class="left_heading"></div>

    <div class="content_heading">
        <h3>Quản lý ảnh</h3>
    </div>

    <div class="right_heading"></div>
</div><!-- End .heading -->

<div class="main_content">
    <div id="ckfinder"></div>
    <script type="text/javascript">
    (function()
    {
      var config = {
      };
      var get = CKFinder.tools.getUrlParam;
      var getBool = function( v )
      {
         var t = get( v );
    
         if ( t === null )
            return null;
    
         return t == '0' ? false : true;
      };
    
      var tmp;
      if ( tmp = get( 'basePath' ) )
         CKFINDER.basePath = tmp;
    
      if ( tmp = get( 'startupPath' ) )
         config.startupPath = decodeURIComponent( tmp );
    
      config.id = get( 'id' ) || '';
    
      if ( ( tmp = getBool( 'rlf' ) ) !== null )
         config.rememberLastFolder = tmp;
    
      if ( ( tmp = getBool( 'dts' ) ) !== null )
         config.disableThumbnailSelection = tmp;
    
      if ( tmp = get( 'data' ) )
         config.selectActionData = tmp;
    
      if ( tmp = get( 'tdata' ) )
         config.selectThumbnailActionData = tmp;
    
      if ( tmp = get( 'type' ) )
         config.resourceType = tmp;
    
      if ( tmp = get( 'skin' ) )
         config.skin = tmp;
    
      if ( tmp = get( 'langCode' ) )
         config.language = tmp;
    
      // Try to get desired "File Select" action from the URL.
      var action;
      if ( tmp = get( 'CKEditor' ) )
      {
         if ( tmp.length )
            action = 'ckeditor';
      }
      if ( !action )
         action = get( 'action' );
    
      var parentWindow = ( window.parent == window )
         ? window.opener : window.parent;
    
      switch ( action )
      {
         case 'js':
            var actionFunction = get( 'func' );
            if ( actionFunction && actionFunction.length > 0 )
               config.selectActionFunction = parentWindow[ actionFunction ];
    
            actionFunction = get( 'thumbFunc' );
            if ( actionFunction && actionFunction.length > 0 )
               config.selectThumbnailActionFunction = parentWindow[ actionFunction ];
            break ;
    
         case 'ckeditor':
            var funcNum = get( 'CKEditorFuncNum' );
            if ( parentWindow['CKEDITOR'] )
            {
               config.selectActionFunction = function( fileUrl, data )
               {
                  parentWindow['CKEDITOR'].tools.callFunction( funcNum, fileUrl, data );
               };
    
               config.selectThumbnailActionFunction = config.selectActionFunction;
            }
            break;
    
         default:
            if ( parentWindow && parentWindow['FCK'] && parentWindow['SetUrl'] )
            {
               action = 'fckeditor' ;
               config.selectActionFunction = parentWindow['SetUrl'];
    
               if ( !config.disableThumbnailSelection )
                  config.selectThumbnailActionFunction = parentWindow['SetUrl'];
            }
            else
               action = null ;
      }
    
      config.action = action;
      
      config.width = config.height = '100%';
    
      var ckfinder = new CKFinder( config );
      ckfinder.replace( 'ckfinder', config );
    })();
    </script>
</div>